<?php
/*
Template Name:Monie_JJ
Version:1.0.0
Template Url:
Description:仿掘金主题
Author:yu_十三
Author Url:
*/

defined('EMLOG_ROOT') || exit('access denied!');
require_once View::getView('function');
require_once View::getView('module');
if (!function_exists('_g')) {
  emMsg('请开启【模板设置】插件, <a href="/admin/plugin.php">去开启</a>');
}

?>
<!doctype html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title><?= $site_title ?></title>
  <meta name="keywords" content="<?= $site_key ?>" />
  <meta name="description" content="<?= $site_description ?>" />
  <link rel="shortcut icon" href="<?= TEMPLATE_URL . 'favicon.ico' ?>" type="image/x-icon">
  <link rel="alternate" title="RSS" href="<?= BLOG_URL ?>rss.php" type="application/rss+xml" />
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4757084_yuqwbv4rpeg.css">
  <?php include View::getView('dist/head/css') ?>

  <?php doAction('index_head') ?>
</head>

<body>

  <header id="header" class="header ">
    <div class="header_container">
      <div class="header_content">
        <div class="header_left">
          <a class="header_left_logo" href="<?= BLOG_URL ?>" target="_self">
            <img class="header_left_logo_pc" src="<?= _g('pc_logo') ?>" alt="<?= BLOG_URL ?>">
            <img class="header_left_logo_mobile" src="<?= _g('mobile_logo') ?>" alt="<?= BLOG_URL ?>">
          </a>

          <nav class="header_left_nav">
            <div class="header_left_nav_mobile_menu_wrap">
              <div class="header_left_nav_mobile_menu">
                首页
                <i class="iconfont icon-jiantouxia yublog_header_down"></i>
              </div>
            </div>
            <ul class="header_nav_list">
              <?= blog_nav() ?>
            </ul>
          </nav>
        </div>
        <div class="header_right">
          <div class="header_search_icon_wrap">
            <div class="header_search_icon" title="搜索">
              <i class="iconfont icon-sousuo"></i>
            </div>
          </div>
          <div class="header_search_wrap">
            <form class="header_search_form" action="/?keyword">
              <input id="header_search_input" class="header_search_input" type="text" name="keyword" placeholder="输入关键字搜索" autocomplete="off">
              <label for="header_search_input" class="header_search_btn" tabindex="0">
                <i class="iconfont icon-sousuo"></i>
              </label>
              <div class="search_history">
                <div class="search_history_head">
                  <span class="search-history-head-title">搜索历史</span>
                  <span class="search_history_clear_btn">清空</span>
                </div>
                <div class="search_history_list"></div>
              </div>
            </form>

            <a class="header_article_btn <?= ISLOGIN ? '' : 'login'  ?>" href="/admin/article.php?action=write" title="写文章">写文章</a>
          </div>
          <?php if (!ISLOGIN): ?>
            <button class="header-login-btn">登录</button>
          <?php else: ?>
            <div class="header_menu_wrap">
              <div class="header_avatar">
                <img src="<?= author_head(UID) ?>" alt="<?= author_name(UID) ?>" width="80" height="80">
              </div>

              <div class="header-menu-body">
                <div class="article-author-content" itemscope="" itemtype="http://schema.org/Person">
                  <a class="article-author-head" href="<?= Url::author(UID) ?>" rel="author">
                    <div class="article-author-avatar">
                      <img src="<?= author_head(UID) ?>" alt="<?= author_name(UID) ?>" width="80" height="80">
                    </div>
                    <div class="article-author-info">
                      <div class="article-author-name" itemprop="name"><?= author_name(UID) ?></div>
                      <div class="article-author-group"><?= author_des(UID) ?></div>
                    </div>
                  </a>
                  <div class="article-author-body">
                    <div class="article-author-item">
                      <i class="iconfont icon-dianzan1 article-author-item-icon"></i>
                      <span class="article-author-item-text">获得点赞 26</span>
                    </div>
                    <div class="article-author-item">
                      <i class="iconfont icon-liulan article-author-item-icon"></i>
                      <span class="article-author-item-text">文章被阅读 1,976</span>
                    </div>
                    <div class="article-author-item">
                      <i class="iconfont icon-gengxin article-author-item-icon"></i>
                      <span class="article-author-item-text">最后更新 24-11-21 11:48:42</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          <?php endif ?>
        </div>
      </div>
    </div>
  </header>

  <div class="mobile-search">
    <div class="mobile-search-mask"></div>
    <div class="mobile-search-content">
      <div class="mobile-search-close">
        <i class="iconfont icon-guanbi"></i>
      </div>
      <div class="mobile-search-body">

      </div>
    </div>
  </div>


  <div class="login-dialog ">
    <div class="login-dialog-content-wrap">
      <div class="login-dialog-mask"></div>
      <div class="login-dialog-content">
        <div class="login-dialog-close">
          <i class="iconfont icon-guanbi login-dialog-close-icon"></i>
        </div>
        <div class="login-dialog-head">
          <h2 class="login-dialog-title">登录</h2>
        </div>
        <div class="login-dialog-body">
          <div class="login-dialog-body-left">
            <div class="login-dialog-body-left-title">账号密码登录</div>
            <form class="login-dialog-form" action="https://blog.13log.cn/index.php/action/login?_=dc90d088aedbca3a995072a159c33ae0" method="post" name="login" rold="form">
              <input type="hidden" name="referer" value="https://blog.13log.cn/" required>
              <div class="login-dialog-input-group username">
                <input type="text" name="username" placeholder="请输入账号" autocomplete="on" required pattern="\S+.*">
                <img class="panfish-img greeting" title="11" src="https://blog.13log.cn/usr/themes/theme_JJ/static/images/login/greeting.png">
              </div>
              <div class="login-dialog-input-group password">
                <input type="password" name="password" placeholder="请输入密码" autocomplete="on" required pattern="\S+.*">
                <img class="panfish-img blindfold" title="11" src="https://blog.13log.cn/usr/themes/theme_JJ/static/images/login/blindfold.png">
              </div>
              <div class="login-dialog-input-group remember">
                <label class="remember-label" for="remember">
                  <input type="checkbox" name="remember" class="checkbox" value="1" id="remember">
                  <span class="login-dialog-input-checkbox">
                    <i class="iconfont icon-duihao login-dialog-input-checkbox-icon"></i>
                  </span>
                  <span class="login-dialog-input-checkbox-text">记住账号</span>
                </label>
              </div>
              <div class="login-dialog-input-group submit">
                <button class="login-dialog-form-btn">登录</button>
              </div>
              <img class="panfish-img normal" title="11" src="https://blog.13log.cn/usr/themes/theme_JJ/static/images/login/normal.png">
            </form>
          </div>
          <div class="login-dialog-body-right">
            <div class="login-dialog-qrcode-title">扫码登录</div>
            <div class="login-dialog-qrcode">
              <img class="login-dialog-qrcode-img" src="https://blog.13log.cn/usr/themes/theme_JJ/static/images/login/login_dialog_qrcode.png" alt="扫码登录">
            </div>
            <div class="login-dialog-qrcode-tips">请使用手机扫码登录</div>
          </div>
        </div>
        <div class="login-dialog-footer">
          注册登录即表示同意<a class="login-dialog-link" href="javascript:;" title="用户协议">用户协议</a>和<a class="login-dialog-link" href="javascript:;" title="隐私政策">隐私政策</a>
        </div>
      </div>
    </div>
  </div>

  <nav class="nav">
    <?php blog_navList() ?>
  </nav>